﻿/*CSS reset starts here*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
/*CSS Reset ends here*/
body
{
	font-family: 'Segoe UI', Verdana, Tahoma, sans-serif;
	background-image: url(../images/bg.png);
}

html, body, form
{
	padding: 0;
	margin: 0;
	height: 100%;
}

#page-wrapper
{
	min-height: 100%;
	margin-bottom: -150px;
	position: relative;
	/*background-image:url(/images/bgNoise.png);*/
	background-repeat: repeat;
}

.button-holder, .button, .information-msg, #page-message, .common-holder, .item-article-name-box-holder, .error-msg, .success-msg, .information-msg, #slider, .comment-box-holder, #model-info-holder, #go-to-links-holder, #login-holder, .button-special, .remove-button, .section-break, .image-medium, #step-title-bg, .text-size-one-check, #tblTags tr td, .rating, .tag-spacer, .written-by-holder
{
	padding: 10px;
}

 #content, #footer, .item-holder-one, .item-holder-detail, .item-holder, .video-holder
{
	padding: 20px;
}
.item-box-holder
{
	padding: 40px;
}

a
{
	text-decoration: none;
	color: rgb(8, 126, 230);
}

.text-size-one, .written-by-sub-holder, .text-size-one-bold, .commenter, .comment, .text-size-one-check, .logout-link
{
	font-size: 12px;
}

.text-size-three, .text-size-three-bold
{
	font-size: 20px;
}

.text-size-two, .text-size-two-bold
{
	font-size: 17px;
}

img, .button, .search-text-box, .text-box-large, .text-box-small, .button-special, .remove-button, .step-text-area
{
	border-style: none;
}

.information-msg, #slider, .item-holder-detail, .comment-box-holder, .comment, .button-holder, #model-info-holder, .section-break, .image-medium, #step-section-holder h2, .back-to-list
{
	margin: 10px 0 10px 0;
}

.back-to-list, #article-tag-holder, #comments-holder
{
	margin-bottom: 20px;
}
/*.input-field-holder
{
	width: 350px;
}*/

.clear, .clear-footer
{
	clear: both;
}

.button, .written-by-sub-holder-user-image, .article-type-holder, #btnNext, .remove-button, .image-medium img, .video-holder,.logout-link
{
	float: right;
}

.text-size-one-check, .logout-link
{
	display: inline-block;
}

.item-image-background, #content, #search-holder, .section-break, .article-image-large, #login-section
{
	margin: 0 auto;
}

#header h1, #navigation, #curve-left, #curve-right, #curve-bg, #page-name-holder, #additional-component-section, #page-name-curve-right, #page-message, .written-by-sub-holder, .item-box-holder, .item-common-left-holder, #slider > div, #column-left, .column-right, #btnPrevious, #login-holder, .input-field-holder, .column-section, .field-name, #column-right-common, #column-left-common, .section-right, .small-image
{
	float: left;
}

.information-msg, .error-msg, .success-msg, .asterisk, .text-area, #slider, #step-section-holder p, .field-name, #cssmenu ul li a
{
	font-size: 13px;
}

#header, #page-name-holder, .field-name
{
	padding-left: 20px;
	padding-right: 20px;
}

#header h1, #curve-left, #curve-right,
#page-name-curve-right
{
	background-repeat: no-repeat;
}

.panel-text-header, #page-name, .button, .text-size-three-bold, .text-size-two-bold, .text-size-one-bold, .commenter, .button-special, .remove-button
{
	font-weight: bold;
}

#header, #page-name-holder
{
	padding-left: 20px;
	padding-right: 20px;
}

#header h1, #curve-left, #curve-right,
#page-name-curve-right
{
	background-repeat: no-repeat;
}

#content
{
	/*Best Viewed resolution 1280*/
	width: 1222px;
	background-color: rgb(255,255,255);
}

/*****Header*****/
#header h1, #page-name-holder
{
	width: 200px;
}

#header h1
{
	background-image: url("../images/logo.png");
	height: 90px;
}

#curve-left
{
	background-image: url("../images/imgTopNavigationLeft.png");
}

#curve-right
{
	background-image: url("../images/imgTopNavigationRight.png");
}



#curve-bg
{
	background-image: url("../images/bgTopNavigation.png");
	width: 600px;
}

#curve-left, #curve-right, #curve-bg
{
	height: 52px;
}



#curve-left, #curve-right
{
	width: 75px;
}

#page-name-holder
{
	background-image: url("../images/bgPageName.png");
	background-position: bottom left;
	background-repeat: repeat no-repeat;
}

#page-name-holder, #page-name-curve-right
{
	height: 70px;
}

#additional-component-section
{
	height: 54px;
	background-image: url("../images/bgPageName.png");
	background-position: bottom left;
	background-repeat: repeat no-repeat;
	width: 79%;
}

#page-name-curve-right
{
	background-image: url("../images/imgPageNameLeft.png");
	background-position: bottom right;
	width: 13px;
}

#page-name
{
	color: rgb(131, 156, 178);
	font-size: 18px;
	line-height: 70px;
}
/*****Content*****/
#login-section
{
	width:400px;
	
}
#go-to-links-holder ul, #step-section-holder p, .field-name
{
	line-height: 20px;
}

.field-name
{
	width: 100px;
}
.text-area
{
	width:500px;
	height:40px;
}
#search-holder
{
	width: 650px;
}
#tblTags
{
	width:400px;
}
#tblTags tbody tr td
{
	width:50px;
}
.search-text-box, .text-box-large, .text-box-small, .step-text-area
{
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgb(131, 156, 178);
	-moz-box-shadow: 0px 0px 5px rgb(131, 156, 178);
	-webkit-box-shadow: 0px 0px 5px rgb(131, 156, 178);
	padding: 5px;
}

.step-text-area
{
	width: 1000px;
	height: 150px;
}

.section-break
{
	border: 1px solid rgb(131, 156, 178);
	width: 1020px;
}
.section-right
{
	padding-left:10px;
	width:180px;
}
.article-image-large
{
	width: 180px;
	height: 180px;
}

.article-image-cover
{
	width: 80px;
	height: 80px;
}

.panel-text-header
{
	font-size: 13px;
	color: rgb(83, 53, 15);
}
.item-article-name-box-holder
{
	background-color:rgb(241,241,241);
	position:relative;
	top:-10px;
	width:180px;

}
.button-holder, #go-to-links-holder, .image-medium, .item-holder-one, .written-by-holder
{
	background-color: rgb(241,241,241);
}

.image-medium img
{
	width: 100px;
	height: 100px;
}
.tag-spacer
{
	font-style:italic;
}
.comment-box-holder, #model-info-holder, #step-title-bg, .video-holder
{
	background-color: rgb(225, 231, 237);
	color: rgb(0,0,0);
}

.button, .button-special, .remove-button
{
	-moz-box-shadow: inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow: inset 0 0 5px #000000;
	color: rgb(255,255,255);
	border-radius: 10px;
	cursor: pointer;
	margin-left: 10px;
}

.small-image
{
	width: 50px;
	height: 50px;
	background-color: rgb(255,255,255);
}
/*Rating Control*/

.rating-star
{
	background-image:url("../images/imgRateUnFilled.png");
	width:15px;
	height:15px;
}
.saved-rating-star
{
	background-image:url("../images/imgRateFilled.png");
	width:15px;
	height:15px;
}
.filled-rating-star
{
	background-image:url("../images/imgRateFilled.png");
	width:15px;
	height:15px;
}
.empty-rating-star
{
	background-image:url("../images/imgRateUnFilled.png");
	width:15px;
	height:15px;
}
.remove-button
{
	background: #f01908; /* Old browsers */
	background: -moz-linear-gradient(top, #f01908 0%, #cb1e09 47%, #a11300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f01908), color-stop(47%,#cb1e09), color-stop(100%,#a11300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f01908 0%,#cb1e09 47%,#a11300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f01908 0%,#cb1e09 47%,#a11300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f01908 0%,#cb1e09 47%,#a11300 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f01908 0%,#cb1e09 47%,#a11300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f01908', endColorstr='#a11300',GradientType=0 ); /* IE6-9 */
}

.button, .button-special
{
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(19,19,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(19,19,19,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

.button:hover, .button-special:hover, .remove-button:hover
{
	background: #839cb2; /* Old browsers */
	background: -moz-linear-gradient(top, #839cb2 0%, #9ab8d3 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#839cb2), color-stop(99%,#9ab8d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #839cb2 0%,#9ab8d3 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #839cb2 0%,#9ab8d3 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #839cb2 0%,#9ab8d3 99%); /* IE10+ */
	background: linear-gradient(to bottom, #839cb2 0%,#9ab8d3 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#839cb2', endColorstr='#9ab8d3',GradientType=0 ); /* IE6-9 */
}

#page-message
{
	background-color: rgb(232,232, 232);
	color: rgb(0,0,0);
	border-radius: 0px 0px 5px 5px;
	font-size: 13px;
	margin-left: 50px;
	margin-top: -5px;
}

.item-holder-one, .item-holder-detail, .item-holder
{
	width: 250px;
	height: 200px;
	box-shadow: 0px 0px 5px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 5px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 0px 5px rgb(0, 0, 0);
}

.item-holder
{
	background-color: rgb(131,156,178);
}

.item-holder-detail
{
	background-color: rgb(131,156,178);
}

.link-text-large
{
	color: rgb(255,255,255);
	font-size: 14px;
}
.link-text-large-blue, .logout-link
{
	color: rgb(8, 126, 230);
	font-size: 14px;
}

.item-image-background
{
	background-color: rgb(255,255,255);
	width: 200px;
	height: 180px;
}

.common-holder, .written-by-user-image
{
	background-color: rgb(241,241,241);
}

.common-holder
{
	width: 270px;
	position: relative;
	top: -5px;
}

.written-by-sub-holder
{
	padding-right: 20px;
}

.written-by-user-image
{
	width: 40px;
	height: 40px;
}

.written-by-sub-holder-user-image
{
	padding-right: 20px;
}

#column-left-common, #column-right-common
{
	width: 611px;
	margin-bottom: 300px;
}

.column-section
{
	margin: 20px 0 20px 0;
}

#slider
{
	position: absolute;
	background-color: rgb(234,234,234);
	height: 50px;
	margin-top: 20px;
	width: 630px;
}

#step-section-holder
{
	padding-top: 40px;
	padding-bottom: 20px;
}
.column-fixed
{
	position:fixed;
	bottom:10px;
	right:0px;
	z-index:2;
}
#slider > div
{
	width: 210px;
}
#slider-button
{
	display:inline-block;
	width:20px;
	height:20px;
	cursor:pointer;
}
.arrow-down
{	
	background-image:url("../images/imgArrowDown.jpg");
}
.arrow-up
{
	background-image:url("../images/imgArrowUp.jpg");
}
#column-right-detail-holder
{
	padding-left: 40px;
	width: 700px;
}
#model-image > img, #model-image
{	
	width: 80px;
	height: 80px;
}
#model-image
{
	background-color: rgb(255,255,255);
	margin-bottom: 5px;
}

.commenter
{
	color: rgb(27, 46, 64);
}

.asterisk
{
	color: rgb(255, 0, 0);
}

.error-msg, .success-msg, .information-msg
{
	border-radius: 10px;
	color: rgb(255,255,255);
}

.error-msg
{
	background-color: rgb(237, 28, 36);
}

.success-msg
{
	background-color: rgb(57, 181, 74);
}

.information-msg
{
	background-color: rgb(108, 128, 147);
}

.search-text-box
{
	width: 500px;
}

.text-box-large
{
	width: 500px;
}

.text-box-small
{
	width: 250px;
}

/*****footer*****/
#footer
{
	height: 150px;
	position: relative;
	background-color: rgb(131,156,178);
	color: rgb(255,255,255);
	font-size: 11px;
	border-top: 3px dotted rgb(255,255,255);
}

.clear-footer
{
	height: 150px;
}
/****CSS MENU Source: CSS Menu Maker*****/

#cssmenu > ul {
  padding: 1px 0;
  margin: 0px;
  list-style: none;
  width: 100%;
  height: 21px;
  font: normal 8pt verdana, arial, helvetica;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  width: 108px;
}
#cssmenu > ul li a:link,
#cssmenu > ul li a:visited {
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 108px;
  height: 13px;
}
#cssmenu > ul li:hover a,
#cssmenu > ul li a:hover,
#cssmenu > ul li a:active {
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  width: 106px;
  height: 13px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#cssmenu > ul li ul {
  margin: 0;
  padding: 1px 1px 0;
  list-style: none;
  display: none;
  background: #ffffff;
  width: 106px;
  position: absolute;
  top: 21px;
  left: -1px;
  border: 1px solid rgb(131, 156, 178);
  border-top: none;
}
#cssmenu > ul li:hover ul {
  display: block;
}
#cssmenu > ul li ul li {
  clear: left;
  width: 136px;
}
#cssmenu > ul li ul li a:link,
#cssmenu > ul li ul li a:visited {
  clear: left;
  background-color: rgb(227, 239, 241);
  padding: 4px 0;
  width: 106px;
  border: none;
  border-bottom: 1px solid rgb(131, 156, 178);
  z-index: 1000;
}
#cssmenu > ul li ul li:hover a,
#cssmenu > ul li ul li a:active,
#cssmenu > ul li ul li a:hover {
  clear: left;
  background: #666666;
  padding: 4px 0;
  width: 106px;
  border: none;
  border-bottom: 1px solid rgb(131, 156, 178);
  position: relative;
  z-index: 1000;
}
#cssmenu > ul li ul li ul.navigation-3 {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 105px;
  top: -2px;
  padding: 1px 1px 0 1px;
  border: 1px solid rgb(131, 156, 178);
  border-left: 1px solid rgb(131, 156, 178);
  background: #ffffff;
  z-index: 900;
}
#cssmenu > ul li ul li:hover ul.navigation-3 {
  display: block;
}
#cssmenu > ul li ul li ul.navigation-3 li a:link,
#cssmenu > ul li ul li ul.navigation-3 li a:visited {
  background: #000000;
}
#cssmenu > ul li ul li ul.navigation-3 li:hover a,
#cssmenu > ul li ul li ul.navigation-3 li a:hover,
#cssmenu > ul li ul li ul.navigation-3 li a:active {
  background: #ec454e;
}
